<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<style>
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#app {
  /*background-color: red;*/
  height: 100%;
  width: 100%;
}
.el-card__header{
  padding:16px 6px!important;
  margin:0px 8px 0px 8px;
}
.el-card__body {
    padding:0px!important;
}
.el-header {
  background-color: #0658A2;
  color: #333;
  text-align: center;
  line-height: 60px;
  padding:0;
}
.main-el-contarner{
  height: calc(100vh - 10px);
  margin-top:10px;
}
*{}
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgb(220, 220, 220);
    --webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(220,220,220,0.7);
}
.el-table__body-wrapper::-webkit-scrollbar {
  width:10px!important;
  height:16px!important;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius:8px;
}

.el-dialog__wrapper {
  transition-duration: 0.8s !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
  /* height: 600px; */
}
.el-dialog-div {
  height: 55vh;
  overflow-x: hidden;
}
.dialog-footer{
  float: right;
  margin: 10px;
}
</style>
